import { FC } from "react";
import { Button, Input ,Card} from "antd"
import style from "./index.module.scss"
import MonacoS from "../../compent/Monaco"
const Monaco: FC<{}> = () => {
    //编辑页面标题部分
    const editorTitle = () => {
        return (
            <div className={style["editor-title"]}>
                <div>
                    <Button>x</Button>
                    <Input placeholder="请输入文章标题" />
                </div>
                <div>
                    <Button>发布</Button>
                    <Button type="link"></Button>
                </div>
            </div>
        )
    }
    return (
        <Card title={editorTitle()} >
            <div>
                <div>h</div>
                <div>当前模式</div>
            </div>
            <div className={style["edit-cont"]}>
                <div>
                    编辑部分
                    {/* <MonacoEditor/> */}
                </div>
                <div>
                    <MonacoS></MonacoS>
                </div>
                <div>大纲</div>
            </div>
        </Card>
    )
}

export default Monaco